
<!DOCTYPE html>
<html class="">

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <title>提取文件 - 我的文档</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    body {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fcfcfc
    }

    .btn-success:hover {
        color: #fff;
        background-color: #10952a;
        border-color: #398439
    }

    .btn-success {
        display: inline-block;
        padding: 7px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 2px;
        color: #fff;
        background-color: #20a53a;
        border-color: #20a53a
    }

    .input-text {
        border: 1px solid #ccc;
        height: 36px;
        line-height: 36px;
        padding-left: 5px;
        border-radius: 4px;
        float: left;
        margin-right: 5px;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }

    .div-center {
        width: 80%;
        margin: 0 auto;
        max-width: 1080px;
        position: relative;
        top: 5%;
        margin-bottom: 5%;
        z-index: 999;
        transition: all 500ms
    }

    .mobile-view .div-center {
        width: 100%;
        top: 0;
        overflow: hidden
    }

    .div-center>table {
        width: 90%;
        margin: 0 auto;
        margin-top: 5%
    }

    td {
        text-align: left
    }

    .btlink {
        color: #20a53a
    }

    .btlink:hover {
        cursor: pointer
    }

    #btvideo {
        display: inline-block;
        height: 410px
    }

    .video-list {
        display: inline-block;
        width: 250px;
        height: 410px;
        transition: all 500ms;
        position: absolute
    }

    .video-list .video-avt {
        background-color: #e8e8e8
    }

    .movie_pay .layui-layer-content {
        overflow: hidden !important
    }

    .video-list .video-avt td a,
    .video-list .video-avt td {
        color: #20a53a
    }

    .video-list tr td {
        border-top: 0;
        border-bottom: 1px solid #ddd
    }

    .video-list tr:hover {
        cursor: pointer
    }

    #btvideo video {
        outline: 0;
        padding: 0;
        display: block;
        background-color: #000;
        transition: all 500ms
    }

    .divtable .table {
        border: 1px solid #ddd;
        color: #666;
        font-size: 12px;
        margin-bottom: 0
    }

    .divtable {
        position: relative
    }

    .table-fixed-box {
        overflow-y: auto
    }

    .ui-selectable {
        padding-bottom: 0
    }

    .divtable .table thead th {
        vertical-align: inherit;
        background-color: #f6f6f6;
        border-bottom: 1px solid #e6e6e6;
        color: #666;
        font-weight: normal;
        padding: 8px
    }

    .divtable .table_toolbar {
        left: 8px;
        bottom: 6px;
        position: absolute
    }

    .video-list td span {
        width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block
    }

    .play_title {
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #ececec;
        border: 1px solid #d0d0d0cc
    }

    .play_content {
        overflow: auto;
        height: 410px;
        border-top: 1px solid #ececec;
        background: #fff
    }

    .play_item {
        border-bottom: 1px solid #ececec;
        padding: 10px;
        font-size: 13px;
        color: #555
    }

    .mobile-view .play_item .play_item_filename {
        width: 70%
    }

    .play_item .play_item_filename {
        width: 125px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: top
    }

    .play_item span {
        cursor: pointer
    }

    .play_item .play_item_size {
        width: 83px;
        display: inline-block;
        text-align: right
    }

    .play_item.active {
        background: #ececec;
        color: #20a53a
    }

    .shrink_play_list {
        padding: 15px 5px 12px 5px;
        line-height: 15px;
        text-align: center;
        background: #fff;
        position: absolute;
        border: 1px solid #d6d6d6;
        width: 30px;
        font-size: 12px;
        color: #666;
        left: -30px;
        top: 50%;
        margin-top: -75px;
        cursor: pointer;
        display: none;
        border: 1px solid #ececec;
        border-radius: 2px
    }

    .play_item:hover {
        background-color: #f3f3f3
    }

    .file-down-header {
        height: 60px;
        line-height: 60px;
        padding: 0 25px;
        color: #fff;
        background: #20a53a;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

    .mobile-view .file-down-header {
        padding: 0 3%
    }

    .mobile-view .file-down-header .file-name {
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .file-name {
        font-size: 14px;
        display: inline-block
    }

    .file-validity-time {
        font-size: 14px;
        display: inline-block;
        float: right
    }

    .mobile-view .file-validity-time {
        width: 50%;
        text-align: right;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 15px
    }

    .file_content_two {
        padding: 4rem 12rem 12rem;
        border: 1px solid #ececec;
        position: relative;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background: #fff;
        background: #fff
    }

    .file_content_two form {
        display: inline-block;
        position: relative;
        width: 450px
    }

    .file_content_two input {
        width: 270px;
        margin-right: 15px;
        outline: 0;
        border-radius: 2px;
        padding-left: 10px;
        font-size: 16px;
        height: 45px
    }

    .mobile-view .content_box {
        padding: 0 10%
    }

    .mobile-view .file_content_two {
        padding-top: 50%;
        border: 0
    }

    .mobile-view .file_content_two input {
        width: 45%;
        margin-right: 5px
    }

    .file_content_two button {
        outline: 0;
        height: 45px;
        padding: 7px 20px;
        font-size: 16px
    }

    .file_content_two span {
        display: inline-block;
        width: 100%;
        color: #333;
        margin-bottom: 15px;
        font-size: 14px
    }

    .content_box {
        position: absolute;
        width: 400px;
        left: 50%;
        margin-left: -200px;
        top: 50%;
        margin-top: -70px
    }

    .bg_update_images {
        width: 100%;
        height: 151px;
        text-align: center;
        margin-bottom: 20px
    }

    .again_down_file {
        color: #666;
        font-size: 15px
    }

    .file_content_one {
        padding: 25px;
        border: 1px solid #ececec
    }

    .mobile-view .file_content_one {
        padding: 2%;
        border: 0
    }

    .mobile-view .file_dir_menu {
        overflow: auto;
        white-space: nowrap
    }

    .file_content_one .file_dir_menu,
    .file_content_one .file_dir_menu li {
        list-style: none
    }

    .file_content_one .file_dir_menu span {
        color: #666
    }

    .file_content_one table thead th {
        padding: 15px 8px 15px 5px !important
    }

    .file_content_one table tbody {
        color: #666;
        font-size: 13px;
        border-bottom: 1px solid #f5f5f5
    }

    .file_content_one table tbody td {
        padding: 10px 8px 10px 5px !important;
        cursor: pointer
    }

    .file_content_one table tbody td {
        border-top: 1px solid #eee !important
    }

    .file_content_one table tbody tr:hover {
        background-color: #f9f9f9
    }

    .file_dir_menu {
        margin: 0;
        padding-left: 5px;
        font-size: 14px
    }

    .file_dir_menu li {
        display: inline-block
    }

    .file_dir_menu li {
        margin: 8px 0
    }

    .file_dir_menu li a {
        color: #20a53a
    }

    .file_dir_menu li i {
        font-style: none;
        margin: 0 5px
    }

    .file_content_one table tbody tr td a,
    .file_content_one table tbody tr td span {
        height: 30px;
        line-height: 30px;
        display: inline-block
    }

    .file_content_one table {
        margin: 0
    }

    .list-list .ico-json {
        background-image: url('')
    }

    .list-list .ico-folder {
        background-image: url("")
    }

    .list-list .ico-folder-unempty {
        background-image: url("")
    }

    .list-list .ico-access,
    .list-list .ico-mdb,
    .list-list .ico-accdb,
    .list-list .ico-db,
    .list-list .ico-sql {
        background-image: url("")
    }

    .list-list .ico-c {
        background-image: url("")
    }

    .list-list .ico-cpp {
        background-image: url("")
    }

    .list-list .ico-cs {
        background-image: url("")
    }

    .list-list .ico-fla,
    .list-list .ico-flv {
        background-image: url("")
    }

    .list-list .ico-css {
        background-image: url("")
    }

    .list-list .ico-js {
        background-image: url("")
    }

    .list-list .ico-htm {
        background-image: url("")
    }

    .list-list .ico-html {
        background-image: url("")
    }

    .list-list .ico-java {
        background-image: url("")
    }

    .list-list .ico-log {
        background-image: url("")
    }

    .list-list .ico-mht {
        background-image: url("")
    }

    .list-list .ico-php {
        background-image: url("")
    }

    .list-list .ico-url {
        background-image: url("")
    }

    .list-list .ico-xml {
        background-image: url("")
    }

    .list-list .ico-ai {
        background-image: url("")
    }

    .list-list .ico-bmp {
        background-image: url("")
    }

    .list-list .ico-cdr {
        background-image: url("")
    }

    .list-list .ico-gif {
        background-image: url("")
    }

    .list-list .ico-ico {
        background-image: url("")
    }

    .list-list .ico-jpeg {
        background-image: url("")
    }

    .list-list .ico-jpg,
    .list-list .ico-JPG {
        background-image: url("")
    }

    .list-list .ico-png {
        background-image: url("")
    }

    .list-list .ico-psd {
        background-image: url("")
    }

    .list-list .ico-webp {
        background-image: url("")
    }

    .list-list .ico-ape {
        background-image: url("")
    }

    .list-list .ico-avi {
        background-image: url("")
    }

    .list-list .ico-flv {
        background-image: url("")
    }

    .list-list .ico-mkv {
        background-image: url("")
    }

    .list-list .ico-mov {
        background-image: url("")
    }

    .list-list .ico-mp3 {
        background-image: url("")
    }

    .list-list .ico-mp4 {
        background-image: url("")
    }

    .list-list .ico-mpeg {
        background-image: url("")
    }

    .list-list .ico-mpg {
        background-image: url("")
    }

    .list-list .ico-rm {
        background-image: url("")
    }

    .list-list .ico-rmvb {
        background-image: url("")
    }

    .list-list .ico-swf {
        background-image: url("")
    }

    .list-list .ico-wav {
        background-image: url("")
    }

    .list-list .ico-webm {
        background-image: url("")
    }

    .list-list .ico-wma {
        background-image: url("")
    }

    .list-list .ico-wmv {
        background-image: url("")
    }

    .list-list .ico-doc,
    .list-list .ico-docm,
    .list-list .ico-dotx,
    .list-list .ico-dotm,
    .list-list .ico-dot,
    .list-list .ico-rtf {
        background-image: url("")
    }

    .list-list .ico-docx {
        background-image: url("")
    }

    .list-list .ico-pdf,
    .list-list .ico-fdf {
        background-image: url("")
    }

    .list-list .ico-ppt,
    .list-list .ico-pptm,
    .list-list .ico-pot,
    .list-list .ico-potm {
        background-image: url("")
    }

    .list-list .ico-pptx {
        background-image: url("")
    }

    .list-list .ico-txt {
        background-image: url("")
    }

    .list-list .ico-xls,
    .list-list .ico-csv,
    .list-list .ico-xlsm,
    .list-list .ico-xlsb {
        background-image: url("")
    }

    .list-list .ico-xlsx {
        background-image: url("")
    }

    .list-list .ico-7z {
        background-image: url("")
    }

    .list-list .ico-cab {
        background-image: url("")
    }

    .list-list .ico-iso {
        background-image: url("")
    }

    .list-list .ico-rar {
        background-image: url("")
    }

    .list-list .ico-zip {
        background-image: url("")
    }

    .list-list .ico-gz,
    .list-list .ico-bz2 {
        background-image: url("")
    }

    .list-list .ico-bt {
        background-image: url("")
    }

    .list-list .ico-file {
        background-image: url("")
    }

    .list-list .ico-apk {
        background-image: url("")
    }

    .fileList .ico-bookfolder {
        background-image: url("")
    }

    .fileList .ico-folder {
        background-image: url("")
    }

    .fileList .ico-folder-empty {
        background-image: url("")
    }

    .fileList .ico-folder-unempty {
        background-image: url("")
    }

    .fileList .ico-fromchromefolder {
        background-image: url("")
    }

    .fileList .ico-documentfolder {
        background-image: url("")
    }

    .fileList .ico-fromphonefolder {
        background-image: url("")
    }

    .fileList .ico-mix {
        background-image: url("")
    }

    .fileList .ico-musicfolder {
        background-image: url("")
    }

    .fileList .ico-picturefolder {
        background-image: url("")
    }

    .fileList .ico-videofolder {
        background-image: url("")
    }

    .fileList .ico-sefolder {
        background-image: url("")
    }

    .fileList .ico-access,
    .fileList .ico-mdb,
    .fileList .ico-accdb,
    .fileList .ico-sql,
    .fileList .ico-db {
        background-image: url("../img/ico/ico-access.png")
    }

    .fileList .ico-c {
        background-image: url("../img/ico/ico-c.png")
    }

    .fileList .ico-cpp {
        background-image: url("../img/ico/ico-cpp.png")
    }

    .fileList .ico-cs {
        background-image: url("../img/ico/ico-cs.png")
    }

    .fileList .ico-js {
        background-image: url("../img/ico/ico-js.png")
    }

    .fileList .ico-fla,
    .fileList .ico-flv {
        background-image: url("")
    }

    .fileList .ico-htm {
        background-image: url("../img/ico/ico-htm.png")
    }

    .fileList .ico-html {
        background-image: url("../img/ico/ico-html.png")
    }

    .fileList .ico-java {
        background-image: url("../img/ico/ico-java.png")
    }

    .fileList .ico-log {
        background-image: url("")
    }

    .fileList .ico-mht {
        background-image: url("../img/ico/ico-mht.png")
    }

    .fileList .ico-php {
        background-image: url("../img/ico/ico-php.png")
    }

    .fileList .ico-url {
        background-image: url("../img/ico/ico-url.png")
    }

    .fileList .ico-xml {
        background-image: url("../img/ico/ico-xml.png")
    }

    .fileList .ico-ai {
        background-image: url("")
    }

    .fileList .ico-bmp {
        background-image: url("../img/ico/ico-bmp.png")
    }

    .fileList .ico-cdr {
        background-image: url("../img/ico/ico-cdr.png")
    }

    .fileList .ico-gif {
        background-image: url("../img/ico/ico-gif.png")
    }

    .fileList .ico-ico {
        background-image: url("")
    }

    .fileList .ico-jpeg {
        background-image: url("../img/ico/ico-jpeg.png")
    }

    .fileList .ico-jpg,
    .fileList .ico-JPG {
        background-image: url("../img/ico/ico-jpg.png")
    }

    .fileList .ico-png {
        background-image: url("../img/ico/ico-png.png")
    }

    .fileList .ico-psd {
        background-image: url("../img/ico/ico-psd.png")
    }

    .fileList .ico-webp {
        background-image: url("../img/ico/ico-webp.png")
    }

    .fileList .ico-ape {
        background-image: url("")
    }

    .fileList .ico-avi {
        background-image: url("../img/ico/ico-avi.png")
    }

    .fileList .ico-flv {
        background-image: url("../img/ico/ico-flv.png")
    }

    .fileList .ico-mkv {
        background-image: url("../img/ico/ico-mkv.png")
    }

    .fileList .ico-mov {
        background-image: url("../img/ico/ico-mov.png")
    }

    .fileList .ico-mp3 {
        background-image: url("")
    }

    .fileList .ico-mp4 {
        background-image: url("../img/ico/ico-mp4.png")
    }

    .fileList .ico-mpeg {
        background-image: url("../img/ico/ico-mpeg.png")
    }

    .fileList .ico-mpg {
        background-image: url("../img/ico/ico-mpg.png")
    }

    .fileList .ico-rm {
        background-image: url("../img/ico/ico-rm.png")
    }

    .fileList .ico-rmvb {
        background-image: url("../img/ico/ico-rmvb.png")
    }

    .fileList .ico-swf {
        background-image: url("../img/ico/ico-swf.png")
    }

    .fileList .ico-wav {
        background-image: url("")
    }

    .fileList .ico-webm {
        background-image: url("../img/ico/ico-webm.png")
    }

    .fileList .ico-wma {
        background-image: url("../img/ico/ico-wma.png")
    }

    .fileList .ico-wmv {
        background-image: url("../img/ico/ico-wmv.png")
    }

    .fileList .ico-doc,
    .fileList .ico-docm,
    .fileList .ico-dotx,
    .fileList .ico-dotm,
    .fileList .ico-dot,
    .fileList .ico-rtf {
        background-image: url("../img/ico/ico-doc.png")
    }

    .fileList .ico-docx {
        background-image: url("../img/ico/ico-docx.png")
    }

    .fileList .ico-pdf,
    .fileList .ico-fdf {
        background-image: url("../img/ico/ico-pdf.png")
    }

    .fileList .ico-ppt,
    .fileList .ico-pptm,
    .fileList .ico-pot,
    .fileList .ico-potm {
        background-image: url("")
    }

    .fileList .ico-pptx {
        background-image: url("../img/ico/ico-pptx.png")
    }

    .fileList .ico-txt {
        background-image: url("")
    }

    .fileList .ico-xls,
    .fileList .ico-csv,
    .fileList .ico-xlsm,
    .fileList .ico-xlsb {
        background-image: url("../img/ico/ico-xls.png")
    }

    .fileList .ico-xlsx {
        background-image: url("../img/ico/ico-xlsx.png")
    }

    .fileList .ico-7z {
        background-image: url("")
    }

    .fileList .ico-gz {
        background-image: url("")
    }

    .fileList .ico-cab {
        background-image: url("")
    }

    .fileList .ico-iso {
        background-image: url("")
    }

    .fileList .ico-rar {
        background-image: url("")
    }

    .fileList .ico-zip {
        background-image: url("")
    }

    .fileList .ico-bt {
        background-image: url("../img/ico/ico-bt.png")
    }

    .fileList .ico-file {
        background-image: url("")
    }

    .fileList .ico-apk {
        background-image: url("../img/ico/ico-apk.png")
    }

    .fileList .ico-css {
        background-image: url("../img/ico/ico-css.png")
    }

    .list-list .ico-file {
        background-image: url("")
    }

    .list-list .ico {
        background-position: center center;
        background-repeat: no-repeat;
        height: 30px;
        margin-right: 10px;
        width: 33px;
        z-index: 1;
        float: left;
        background-size: 25px auto;
        image-rendering: -moz-crisp-edges; /* Firefox */
        image-rendering: -o-crisp-edges; /* Opera */
        image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
        position: absolute;
    }

    .ico {
        background-image: url()
    }

    .fileList .ico {
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        height: 80px;
        margin: 12px auto 4px;
        width: 84px;
        z-index: 1
    }

    .file_content_one .fileName {
        white-space: break-spaces;
        text-overflow: ellipsis;
        line-height: initial;
        vertical-align: middle;
        width: 100%;
        padding-left: 35px;
        float: left;
        display: flex;
        min-height: 30px;
    }
    .file_content_one .fileName span{
        height: auto;
        vertical-align: sub;
        line-height: 15px;
        align-items: center;
        display: flex;
    }
</style>
<style id="auto_table_style" type="text/css"></style>

<script type="text/javascript">
    function isMobile() { //判断是否为移动端
        if (navigator.userAgent.match(/Android/i)
            || navigator.userAgent.match(/webOS/i)
            || navigator.userAgent.match(/iPhone/i)
            || navigator.userAgent.match(/iPad/i)
            || navigator.userAgent.match(/iPod/i)
            || navigator.userAgent.match(/BlackBerry/i)
            || navigator.userAgent.match(/Windows Phone/i)
        ) return true;
        return false;
    }
    document.getElementsByTagName('html')[0].className = isMobile() ? 'mobile-view' : '';
</script>

<body>
<div class="div-center">
    <div class="file-down-header">
        <div class="file-name">分享文件【 <span style="font-size:14px;"><?=$share['title']?> </span> 】</div>
        <div class="file-validity-time">有效期：<?=$share['expire_at']?$share['expire_at']:'永久有效'?></div>
    </div>

    <link href="/app/netdisk/static/bootstrap.min.css" rel="stylesheet" />
    <script src="/app/netdisk/static/jquery-2.2.4.min.js"></script>
    <script src="/app/netdisk/static/layer.js"></script>

    <?php if($show_status===1 || $show_status===4){ ?>

    <div class="file_content_one">
        <ul class="file_dir_menu" style="display:none">
            <li><span>全部文件</span></li>
        </ul>
        <div class="list-list" style="overflow:auto;width:100%">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th>文件名称</th>
                    <th width="90px">大小</th>
                    <th width="90px" style="text-align: right;">操作</th>
                </tr>
                </thead>
                <tbody>

                <?php foreach($list as $k=>$v){ ?>
                <tr>
                    <td>
                        <div class="ico ico-<?php echo $v['is_folder']==1?'folder':$v['ext']; ?>"></div>
                        <div class="fileName" title="<?=$v['title']?>"><span><?=$v['title']?></span></div>
                    </td>
                    <td><span><?=formatBytes($v['file_size'])?></span></td>
                    <td style="text-align: right;">
                        <?php if($v['is_folder']==1){ ?>
                            <a class="btlink" href="?fname=<?=$v['hash']?>">打开</a>
                        <?php }else{ ?>
                            <?php if(in_array($v['ext'],['mp4','avi','mov'])){ ?><a class="btlink" onclick="get_play('<?=$v["title"]?>','?fname=<?=$v["hash"]?>')">播放</a> |<?php } ?>
                            <?php if(in_array($v['ext'],['jpg','jpeg','png','gif','webp'])){ ?><a class="btlink" onclick="get_image('<?=$v["title"]?>','?fname=<?=$v["hash"]?>')">预览</a> |<?php } ?>
                            <a class="btlink" href="?fname=<?=$v['hash']?>&isdown=1">下载</a>
                        <?php }?>
                    </td>
                </tr>
                <?php } ?>

                </tbody>
            </table>
        </div>

    </div>

    <?php } else { ?>

    <div class="file_content_two">
        <div class="content_box">
            <span>请输入提取密码:</span>
            <form action="" method="POST">
                <input class="input-text" name="file_password" id="file_password" type="text" />
                <button class="btn-success " type="submit" onclick="return submit_pass();">提取文件</button>
            </form>
            <div id="input_msg"></div>
            <?php if($show_status===3){ ?><div id="input_err_msg" style="color: red">提取码错误</div><?php  } ?>
        </div>
    </div>

    <?php } ?>

</div>
<script type="text/html" id="down_template">
    <div class="bg_update_images">
        <svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="164px" height="151px" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(1 0 0 1 -596 -401 )"><path d="M 124.28125 136.548828125  C 125.529647435897 135.303602430556  126.153846153846 133.828993055556  126.153846153846 132.125  C 126.153846153846 130.421006944444  125.529647435897 128.946397569444  124.28125 127.701171875  C 123.032852564103 126.455946180556  121.554487179487 125.833333333333  119.846153846154 125.833333333333  C 118.137820512821 125.833333333333  116.659455128205 126.455946180556  115.411057692308 127.701171875  C 114.16266025641 128.946397569444  113.538461538462 130.421006944444  113.538461538462 132.125  C 113.538461538462 133.828993055556  114.16266025641 135.303602430556  115.411057692308 136.548828125  C 116.659455128205 137.794053819444  118.137820512821 138.416666666667  119.846153846154 138.416666666667  C 121.554487179487 138.416666666667  123.032852564103 137.794053819444  124.28125 136.548828125  Z M 149.512019230769 136.548828125  C 150.760416666667 135.303602430556  151.384615384615 133.828993055556  151.384615384615 132.125  C 151.384615384615 130.421006944444  150.760416666667 128.946397569444  149.512019230769 127.701171875  C 148.263621794872 126.455946180556  146.785256410256 125.833333333333  145.076923076923 125.833333333333  C 143.36858974359 125.833333333333  141.890224358974 126.455946180556  140.641826923077 127.701171875  C 139.39342948718 128.946397569444  138.769230769231 130.421006944444  138.769230769231 132.125  C 138.769230769231 133.828993055556  139.39342948718 135.303602430556  140.641826923077 136.548828125  C 141.890224358974 137.794053819444  143.36858974359 138.416666666667  145.076923076923 138.416666666667  C 146.785256410256 138.416666666667  148.263621794872 137.794053819444  149.512019230769 136.548828125  Z M 161.240384615385 103.419270833333  C 163.080128205128 105.254340277778  164 107.482638888889  164 110.104166666667  L 164 141.5625  C 164 144.184027777778  163.080128205128 146.412326388889  161.240384615385 148.247395833333  C 159.400641025641 150.082465277778  157.166666666667 151  154.538461538462 151  L 9.46153846153846 151  C 6.83333333333333 151  4.59935897435898 150.082465277778  2.75961538461538 148.247395833333  C 0.919871794871795 146.412326388889  0 144.184027777778  0 141.5625  L 0 110.104166666667  C 0 107.482638888889  0.919871794871795 105.254340277778  2.75961538461538 103.419270833333  C 4.59935897435898 101.584201388889  6.83333333333333 100.666666666667  9.46153846153846 100  L 55.2908653846154 100  L 68.5961538461539 114.036458333333  C 72.4070512820513 117.706597222222  76.875 119.541666666667  82 119.541666666667  C 87.125 119.541666666667  91.5929487179487 117.706597222222  95.4038461538462 114.036458333333  L 108.807692307692 100  L 154.538461538462 100  C 157.166666666667 100.666666666667  159.400641025641 101.584201388889  161.240384615385 103.419270833333  Z M 126.153846153846 51  C 128.913461538462 50.3333333333333  130.851762820513 51.611328125  131.96875 54.1673177083333  C 133.085737179487 56.8543836805556  132.625801282051 59.1482204861111  130.588942307692 61.048828125  L 86.4350961538462 105.090494791667  C 85.2524038461538 106.335720486111  83.7740384615385 106.958333333333  82 106.958333333333  C 80.2259615384615 106.958333333333  78.7475961538461 106.335720486111  77.5649038461539 105.090494791667  L 33.4110576923077 61.048828125  C 31.3741987179487 59.1482204861111  30.9142628205128 56.8543836805556  32.03125 54.1673177083333  C 33.1482371794872 51.611328125  35.0865384615385 50.3333333333333  37.8461538461538 51  L 63 51  L 63 6.29166666666666  C 63.0769230769231 4.58767361111109  63.7011217948718 3.11306423611109  64.9495192307692 1.86783854166666  C 66.1979166666667 0.622612847222232  67.6762820512821 0  69.3846153846154 0  L 94.6153846153846 0  C 96.323717948718 0  97.8020833333333 0.622612847222232  99.0504807692308 1.86783854166666  C 100.298878205128 3.11306423611109  100.923076923077 4.58767361111109  101 6.29166666666666  L 101 51  L 126.153846153846 51  Z " fill-rule="nonzero" fill="#4ac365" stroke="none" transform="matrix(1 0 0 1 596 401 )" /></g></svg>
    </div>
    <div class="again_down_file">
        文件已下载，如果没有响应，请<a href="javascript:;" class="btlink" onclick="$('.file_content_two button').click()">重新下载
    </div>
</script>
</body>
<script type="text/javascript">
    var win_url = window.location.origin + window.location.pathname;
    window.isMobile = isMobile();
    $(document).ready(function () {
        var html = ''
        var search = <?=$dir_arr?>;
        if(search.length<=1)return;
        var keys = Object.keys(search);
        html += '<li><a href="' + win_url + ('') + '">全部文件</a><i>></i></li>' + '';
        for (var key in search) {
            if (keys.indexOf(key) === keys.length - 1) {
                html += '<li><span>' + search[key] + '</span></li>';
            }else{
                html += '<li><a href="'+win_url+'?fname='+key+'">' + search[key] + '</a><i>></i></li>';
            }

        }
        $('.file_dir_menu').html(html).show();
    })
    function isMobile() { //判断是否为移动端
        if (navigator.userAgent.match(/Android/i)
            || navigator.userAgent.match(/webOS/i)
            || navigator.userAgent.match(/iPhone/i)
            || navigator.userAgent.match(/iPad/i)
            || navigator.userAgent.match(/iPod/i)
            || navigator.userAgent.match(/BlackBerry/i)
            || navigator.userAgent.match(/Windows Phone/i)
        ) return true;
        return false;
    }
    $('.file_content_one table tr').dblclick(function () {
        var that = this, text = $(this).find('td:last-child').find('a');
        if (text.attr('onclick')) {
            new Function(text.attr('onclick'))()
        } else if (text.attr('href').indexOf('?fname=') != -1) {
            window.location.href = text.attr('href');
        }
    });
    function submit_pass() {
        var file_password = document.getElementById("file_password").value;
        var input_msg = document.getElementById("input_msg");
        var input_err = document.getElementById("input_err_msg");
        if (input_err) input_err.remove();
        if(file_password == ''){
            input_msg.innerHTML = '请输入密码';
            input_msg.style.color = 'red';
            return false;
        }
        input_msg.innerHTML = '';
        $('.file_content_two').css('padding', "8rem 12rem 12rem").find('.content_box').hide()
        layer.msg('正在获取文件信息,请稍候...', { icon: 16, time: 1000 });
        setTimeout(function () {
            if ($('.file_content_two').find('.bg_update_images').length == 0) $('.file_content_two').append(down_template.innerHTML);
        }, 1000);
        return true;
    }

    function ToSize(a) {
        var d = [" B", " KB", " MB", " GB", " TB", " PB"];
        var e = 1024;
        for (var b = 0; b < d.length; b++) {
            if (a < e) {
                return (b == 0 ? a : a.toFixed(2)) + d[b]
            }
            a /= e
        }
    }

    function get_play(fileName,imgUrl) {
        imgUrl = win_url+imgUrl;
        var old_filename = fileName,
            p_tmp = fileName.split('/'),
            path = p_tmp.slice(0, p_tmp.length - 1).join('/'),
            area = [];
        if (isMobile) {
            area = ['100%', '100%'];
        } else {
            area = ["890px", "452px"];
        }
        layer.open({
            type: 1,
            maxmin: true,
            closeBtn: 1,
            title: '正在播放[<span class="btvideo-title">' + p_tmp[p_tmp.length - 1] + '</span>]',
            area: area,
            skin: 'movie_pay' + (isMobile ? ' mobile-view' : ''),
            shadeClose: false,
            content: '<div id="btvideo"><video type="" src="' + imgUrl + '&play=true" playsinlin webkit-playsinline poster="" preload="auto" x5-playsinline=true  x5-video-player-type="h5" x5-video-player-fullscreen=true controls="controls" autoplay="autoplay" width="' + (isMobile ? '100%' : '890') + '" height="' + (isMobile ? '50%' : '410') + '">您的浏览器不支持 video 标签。</video></div><div class="video-list" style="right:0"></div>',
            success: function (layers, index) {
                if (!isMobile) {
                    $('.video-list').on('click', '.shrink_play_list', function (e) {
                        if ($(this).attr('data-shrink') == '1') {
                            $(this).attr('data-shrink', 0)
                            $('.video-list').css('right', '-250px');
                            $('#btvideo video').width($(layers).find('.layui-layer-content').width());
                            $('.shrink_play_list').html('展开列表<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>');
                        } else {
                            $(this).attr('data-shrink', 1)
                            $('.video-list').css('right', '0');
                            $('#btvideo video').width($(layers).find('.layui-layer-content').width() - 250);
                            $('.shrink_play_list').html('收起列表<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>');
                        }
                    });
                    $('.movie_pay .layui-layer-content').hover(function (e) {
                        $('.shrink_play_list').fadeIn();
                    }, function () {
                        $('.shrink_play_list').fadeOut();
                        $(this).unbind('mousemove');
                    });
                } else {
                    $('#btvideo').css({ 'height': 'auto', 'display': 'block' });
                    $('.video-list').css('width', '100%', 'display', 'block');

                }
            },
            full: function (layers) {
                if (!isMobile) {
                    set_layer_video(layers)
                    $(window).resize(function () {
                        $(window).height();
                        $(layers).css({ 'top': 0, 'left': 0, 'width': $(window).width(), 'height': $(window).height() });
                        $(layers).find('.layui-layer-content').height($(window).height() - 42);
                        set_layer_video(layers)
                    });
                }
            },
            restore: function (layers) {
                if (!isMobile) {
                    set_layer_video(layers)
                }
            }
        });
    }
    function get_image(fileName,imgUrl) {
        var area = [];
        if (isMobile) {
            area = ['100%', '100%'];
        } else {
            area = '500px';
        }
        layer.open({
            type: 1,
            closeBtn: 1,
            title: '预览图片【' + fileName + '】',
            area: area,
            shadeClose: true,
            content: '<div class="showpicdiv"><img width="100%" src="' + win_url+imgUrl + '"></div>'
        });
        if (!isMobile) $(".layui-layer").css("top", "30%");
    }
    function set_layer_video(layers) {
        var layers_width = $(layers).find('.layui-layer-content').width(), layers_height = $(layers).find('.layui-layer-content').height();
        $(layers).find('video').css({ 'width': (layers_width - ($(this).attr('data-shrink') == '0' ? 250 : 0)), 'height': layers_height });
        $(layers).find('#btvideo').height(layers_height);
        $(layers).find('.play_content').height(layers_height);
        $(layers).find('.video-list').height(layers_height);
    }
</script>

</html>